<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/util/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        Edita Factura Proveedor
    </ui:define>
    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('EditaOrdenCompra')}">


            <h:form>


                <p:tabView>
                    <p:tab title="OC">

                        <h:panelGrid columns="7">
                            <p:outputLabel value="Nro OC" for="numero"/>
                            <p:inputText value="#{facturaProveedorBean.actual.numero}" id="numero" required="true" disabled="#{not facturaProveedorBean.actual.estado.pendiente}"/>
                            <p:spacer height="0" width="20"/>
                            <p:outputLabel value="Fecha" for="fecha"/>
                            <p:calendar value="#{ordenCompraBean.actual.creacion}" id="fecha" required="true"
                                        locale="#{formato.locale}" pattern="#{formato.patronFecha}" disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>
                            <p:spacer height="0" width="50"/>
                            <h:outputText value="#{ordenCompraBean.actual.estado.descripcion}" style="color: #{ordenCompraBean.actual.estado.color}"/>

                            <h:outputText value="Proveedor"/>
                            <gp:autoCompleteProveedor elegido="#{ordenCompraBean.actual.proveedor}" id="proveedor" disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>
                            <p:spacer height="0" width="20"/>
                            <p:outputLabel value="Obra" for="obra"/>
                            <p:selectOneMenu value="#{ordenCompraBean.actual.obra}" id="obra" disabled="#{not ordenCompraBean.actual.estado.pendiente}">
                                <f:selectItems value="#{obraBean.itemsAvailableSelectOne}"/>
                            </p:selectOneMenu>

                        </h:panelGrid>

                        <gp:detOrdenCompra disabled="#{not ordenCompraBean.actual.estado.pendiente}"/>
                    </p:tab>
                    <p:tab title="Observaciones">
                        <p:commandButton  type="button" value="Nueva Observación" onclick="dlg.show()" />




                        <p:dataGrid value="#{ordenCompraBean.obtObservaciones()}" var="o" id="observaciones"
                                    columns="1" paginator="true" rows="5">
                            <gp:observacion fecha="#{o.fecha}" usuario="#{o.responsable}" observacion="#{o.obs}"/>
                        </p:dataGrid>

                        <p:dialog header="Nueva Observación" widgetVar="dlg" resizable="false" height="300" width="600" hideEffect="explode" modal="true">
                            <p:editor id="editor" value="#{ordenCompraBean.nuevaObservacion}" width="570"/>  

                            <h:panelGrid columns="2" style="margin-top:10px">  
                                <p:commandButton id="submitButton" value="Aceptar"  oncomplete="dlg.hide();" update="@(:dataGrid)"
                                                 action="#{ordenCompraBean.agregaObersvacion()}"/>

                            </h:panelGrid>  

                        </p:dialog>

                    </p:tab>

                    <p:tab title="Eventos">
                        <p:dataTable value="#{ordenCompraBean.obtEventos()}" var="o" paginator="true" rows="10">
                            <p:column headerText="Fecha">
                                <h:outputText value="#{o.fecha}">
                                    <f:convertDateTime locale="#{formato.locale}" pattern="dd/MM/yyyy HH:mm"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Usuario">
                                <h:outputText value="#{o.responsable}"/>
                            </p:column>
                            <p:column headerText="Evento">
                                <h:outputText value="#{o.nombre}"/>
                            </p:column>

                        </p:dataTable>
                    </p:tab>

                </p:tabView>



                <h:commandButton value="Guardar" action="#{ordenCompraBean.edit}" rendered="#{ordenCompraBean.actual.estado.pendiente}"/>
                <h:commandButton value="Pendiente Autarización" action="#{ordenCompraBean.ponependiente()}" rendered="#{ordenCompraBean.actual.estado.renderPendiente}"/>
                <h:commandButton value="Autoriza" action="#{ordenCompraBean.autoriza()}" rendered="#{ordenCompraBean.actual.estado.renderAutorizado}"/>
                <h:commandButton value="En Proceso" action="#{ordenCompraBean.poneenproceso()}" rendered="#{ordenCompraBean.actual.estado.renderEnProceso}"/>
                <h:commandButton value="Re abrir" action="#{ordenCompraBean.poneenproceso()}" rendered="#{ordenCompraBean.actual.estado.cerrada}"/>
                <h:commandButton value="Cerrar OC" action="#{ordenCompraBean.cierraoc()}" rendered="#{ordenCompraBean.actual.estado.renderCerrada}"/>

                <h:commandButton value="Atras" action="listado.xhtml" immediate="true"/>

            </h:form>
        </h:panelGroup>
    </ui:define>

</ui:composition>
